<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:body>
        <ui:composition template="WEB-INF/template/master.xhtml">


          // lalorraine

            <ui:define name="header">
                 <!-- HEADER -->
                <div data-role="header" data-theme="a" data-position="inline">
                    <a href="options.xhtml" data-thema="a" data-iconpos="notext" class="ui-btn-left" data-icon="gear"></a>
                    <h1>Heute</h1>
                    <a href="addLecture.xhtml" data-thema="a" data-icon="plus" data-iconpos="notext" class="ui-btn-right"/>
                </div>
            </ui:define>

            <ui:define name="content">
                #{timetableBean.logging("day")}
                <!--Wenn ID-Courseschedule korrekt-->
                <c:if test="#{timetableBean.validateParameter()==true}">
                    <div data-role="content" data-theme="a">
                        

                        <c:if test="#{timetableBean.isZeigeEinfuehrung()==true}">
                            #{timetableBean.setZeigeEinfuehrung(false)}
                            <!-- Einführung zur korrekten Verwendung des Webservice -->
                            <div data-role="collapsible" data-theme="b" data-content-theme="a" data-collapsed="false">
                                <h3>Wichtiger Hinweis</h3>
                                <ul>
                                    <li class="ui-notification">Bitte die aktuelle Seite als <b>Lesezeichen</b> speichern, um später den Vorlesungsplan wieder aufrufen zu können!</li>
                                    <li class="ui-notification">Zum Hinzufügen von <b>Vorlesungen</b> das <img src="resources/images/plus.jpg" width="15" height="15" alt="Plus"></img> anwählen!</li>
                                    <li class="ui-notification">Um einzelne <b>Vorlesungstermine</b> zu löschen, das <img src="resources/images/minus.jpg" width="15" height="15" alt="Minus"></img> anwählen!</li>
                                </ul>
                            </div>
                        </c:if>


                        <!--Update Meldungen werden angezeigt -->
                        <c:set var="countUpdates" value="#{0}" />
                        <div id="updates" data-role="collapsible" data-theme="b" data-content-theme="a">
                            <h3>Updates</h3>
                            <ul>
                                <!--Lecturedates-->
                                <c:forEach var="Lecturedate" items="#{timetableBean.getLectureDateCollectionByCourseSchedule()}">

                                    <c:if test="#{Lecturedate.isUpdate() == true}">
                                        <li class="ui-notification">Termin <b>#{Lecturedate.getLecture().getLecname()}</b> (Stand: #{Lecturedate.getTimestamplecShort()})</li> 
                                        <!--Zähler für Updates wird erhöht-->
                                        <c:set var="countUpdates" value="#{countUpdates + 1}" />

                                    </c:if>

                                </c:forEach>
                                <!--Prüfungen-->
                                <c:forEach var="Lecture" items="#{timetableBean.getLectureCollectionbyCourseSchedule()}">

                                    <c:choose>
                                        <c:when test="#{Lecture.getExam() != null}">
                                            <c:if test="#{Lecture.getExam().isUpdate() == true}">
                                                <li class="ui-notification">Prüfung <b>#{Lecture.getLecname()}</b> (Stand: #{Lecture.getExam().getTimestampexamShort()})</li>
                                                <!--Zähler für Updates wird erhöht-->
                                                <c:set var="countUpdates" value="#{countUpdates + 1}" />
                                            </c:if>
                                        </c:when>
                                    </c:choose>
                                </c:forEach>
                            </ul>
                        </div>

                        <!--Entferne nachträglich Updates Collapsible wenn kein Update enthalten -->
                        <c:if test="#{countUpdates==0}">
                            <script type="text/javascript">
                                var divUpdate = document.getElementById('updates');
                                divUpdate.parentNode.removeChild(divUpdate);
                            </script>
                        </c:if>
                        <!--Ende Updates-->

                        <c:set var="lastDay" value="test" />
                        <!--Zähler zählt wie viele Vorlesungen heute stattfinden bei 0 wird eine Meldung ausgegegen-->
                        <c:set var="countLecturedates" value="#{0}" />


                        <c:forEach var="Lecturedate" items="#{timetableBean.getLectureDateCollectionByCourseSchedule()}">
                            <!--nur aktueller Tag wird angezegeigt. Durch Entfernen der Abfrage werden wieder alle gruppiert angezeigt -->
                            <c:if test="#{Lecturedate.getDay().compareTo(timetableBean.getCurrentDay())==0}">
                                <!--Zähler für Vorlesungen am aktuellen Tag wird erhöt-->
                                <c:set var="countLecturedates" value="#{countLecturedates + 1}" />

                                <!--Wenn sich der Wochentag ändert, beginne eine neue Liste-->
                                <c:if test="#{Lecturedate.getDay()!=lastDay}">
                                    <c:set var="lastDay" value="#{Lecturedate.getDay()}" />

                                    <ul data-role="listview" data-inset="true" >
                                        <li data-role="list-divider">#{Lecturedate.getDay()}</li>
                                    </ul>
                                </c:if>


                                <ul data-role="listview" data-inset="true" >
                                    <li>
                                        <a><h3 class="ui-li-day-heading-1">#{Lecturedate.getStarttimeShort()} #{Lecturedate.getEndtime()}</h3>
                                            <c:if test="#{Lecturedate.isUpdate() == true}">
                                                <p class="ui-day-update-top">UPDATE</p>
                                            </c:if>
                                            <h3 class="ui-li-day-heading-2">#{Lecturedate.getLecture().getLecname()}</h3>
                                            <p class="ui-li-desc">#{Lecturedate.getRoom()}</p>
                                            <c:forEach var='Lecturer' items="#{Lecturedate.getLecturerCollection()}">
                                                <p class="ui-li-desc">#{Lecturer.getWholeName()}</p>
                                            </c:forEach>
                                            <c:if test="#{Lecturedate.isUpdate() == true}">
                                                <p class="ui-day-update-bottom">aktualisiert am: #{Lecturedate.getTimestamplecShort()}</p>
                                            </c:if>
                                        </a>
                                        <a href="day.xhtml?del=#{Lecturedate.getIdlecturedate()}&amp;sess=#{timetableBean.getSessionidFromBean()}&amp;rand=#{timetableBean.getRandomForURL()}" data-icon="minus" data-theme="a">entfernen</a>
                                    </li>

                                </ul>

                            </c:if>
                        </c:forEach>
                        <!--Meldung, dass heute keine Vorlesung-->
                        <c:if test="#{countLecturedates==0}">
                            <ul data-role="listview" data-inset="true" data-theme="a">
                                <li>
                                    <p class="ui-options">Hurra, heute keine Vorlesungen :)</p>
                                </li>
                            </ul>

                        </c:if>

                    </div>
                </c:if>



            </ui:define>


            <ui:define name="footer">
                <!-- Footer -->
                <div data-role="footer" data-theme="a" data-position="fixed" data-id="day_week_exams">

                    <div data-role="navbar" data-theme="a">
                        <ul>

                            <li><a class="ui-btn-active" href="day.xhtml?schedule=#{timetableBean.coursescheduleid}&amp;rand=#{timetableBean.getRandomForURL()}">Heute</a></li>
                            <li><a href="week.xhtml?rand=#{timetableBean.getRandomForURL()}" id="week">Woche</a></li>
                            <li><a href="exams.xhtml?rand=#{timetableBean.getRandomForURL()}">Prüfungen</a></li>
                        </ul>

                    </div>
                </div>

            </ui:define>

        </ui:composition>
    </h:body>
</html>
